{% extends 'base.html' %}

{% block body %}

<link rel="stylesheet" href="static/home.css" />
<script src="https://kit.fontawesome.com/b99e675b6e.js"></script>

<div class="wrapper01">
    <div class="sidebar">
        <h2>沐云</h2>
        <ul>
            <li><a href="{{ url_for('cool_form') }}" rel="external nofollow"><i class="fas fa-home" ></i>当前天气</a></li>
            <li><a href="{{ url_for('forecast') }}" rel="external nofollow"><i class="fas fa-user"></i>天气预报</a></li>
            <li><a href="{{ url_for('poi_search') }}" rel="external nofollow"><i class="fas fa-address-card"></i>附近搜索</a></li>
            <li><a href="{{ url_for('view_the_log') }}" rel="external nofollow"><i class="fas fa-project-diagram"></i>日志系统</a></li>
            <li><a href="#"><i class="fas fa-blog"></i>Blogs</a></li>
            <li><a href="#"><i class="fas fa-address-book"></i>Contact</a></li>
            <li><a href="#"><i class="fas fa-map-pin"></i>Map</a></li>
        </ul>
        <div class="social_media">
          <a href="#"><i class="fab fa-facebook-f"></i></a>
          <a href="#"><i class="fab fa-twitter"></i></a>
          <a href="#"><i class="fab fa-instagram"></i></a>
        </div>
    </div>
    <div class="main_content">
        <div class="header">
            <link rel="stylesheet" href="static/button.css">
            <a href="{{ url_for('shanghai_forecast') }}" rel="external nofollow"><button class="button" >上海</button></a>
            <a href="{{ url_for('forecast') }}" rel="external nofollow"><button class="button" >北京</button></a>
            <a href="{{ url_for('anhui_forecast') }}" rel="external nofollow"><button class="button" >安徽</button></a>
            <a href="{{ url_for('guangdong_forecast') }}" rel="external nofollow"><button class="button" >广东</button></a>

        </div>
        <form method='POST' action='/forecast_home'>
            <link rel="stylesheet" href="static/table.css" />
            <table class="container">
	<thead>
     <tr>
         {% for title in the_title_data_shanghai %}
             <th>{{ title }}</th>
         {% endfor %}
     </tr>
    </thead>
    <tbody>
    {% for row_data_shanghai in the_td_data_shanghai %}
        <tr>
            {% for item in row_data_shanghai %}
                <td>{{ item }}</td>
            {% endfor %}
        </tr>
    {% endfor %}
    </tbody>
            </table>
        </form>
    </div>
</div>
{% endblock %}